home *** CD-ROM | disk | FTP | other *** search
/ PC World Komputer 2010 April / PCWorld0410.iso / pluginy Firefox / 1843 / 1843.xpi / content / firebug / firebug.css < prev    next >
Cascading Style Sheet File  |  2009-12-03  |  6KB  |  216 lines
  1. /* See license.txt for terms of usage */
  2.  
  3. @import "chrome://firebug/skin/firebug.css";
  4. @import "chrome://firebug-os/skin/firebug.css";
  5.  
  6. window[chromehidden~="toolbar"] #fbToolbar {
  7.    display: -moz-box;
  8. }
  9.  
  10. #fbContentBox {
  11.     -moz-binding: url("chrome://firebug/content/bindings.xml#initializer");
  12.     height: 270px;
  13. }
  14.  
  15. #fbCommandLine {
  16.     -moz-binding: url("chrome://firebug/content/bindings.xml#commandLine");
  17. }
  18.  
  19. #fbLargeCommandLine {
  20.     -moz-binding: url("chrome://firebug/content/bindings.xml#largeCommandLine");
  21. }
  22.  
  23. textbox[type="fbSearchBox"] {
  24.     -moz-binding: url("chrome://firebug/content/bindings.xml#searchBox");
  25. }
  26. textbox[type="fbSearchBox"] .panelFocusBound {
  27.     -moz-user-focus: normal;
  28. }
  29.  
  30. panelBar {
  31.     -moz-binding: url("chrome://firebug/content/bindings.xml#panelBar");
  32.     -moz-box-orient: vertical;
  33. }
  34.  
  35. panelTab {
  36.     -moz-binding: url("chrome://firebug/content/bindings.xml#panelTab");
  37. }
  38.  
  39. panelStatus {
  40.     -moz-binding: url("chrome://firebug/content/bindings.xml#panelStatus");
  41. }
  42.  
  43. #fbCallstack {
  44.     -moz-binding: url("chrome://firebug/content/bindings.xml#panelStatus");
  45. }
  46.  
  47. #fbLocationList {
  48.     -moz-binding: url("chrome://firebug/content/bindings.xml#panelFileList");
  49. }
  50.  
  51. #fbStatusText {
  52.     visibility: collapse;
  53. }
  54.  
  55. #fbStatusBar[errors] #fbStatusText {
  56.     visibility: visible;
  57. }
  58.  
  59. #fbToolbar[moz-collapsed="true"] {
  60.     /* Prevent full-screen from hiding toolbar */
  61.     visibility: visible;
  62. }
  63.  
  64. /* Lightup the text, eg on the Script tab when stopped on a breakpoint */
  65. panelTab[highlight="true"] {
  66.     color: #FF9933;
  67. }
  68.  
  69. /************************************************************************************************/
  70. /* Mini-menu on the panel tab */
  71.  
  72. panelTabMenu {
  73.     -moz-binding: url("chrome://firebug/content/bindings.xml#panelTabMenu");
  74. }
  75.  
  76. panelTab > panelTabMenu .menuTarget {
  77.     visibility:collapse;
  78. }
  79.  
  80. panelTab[aria-disabled='true'] {
  81.     color: graytext;
  82. }
  83.  
  84. panelTab[selected="true"] > panelTabMenu .menuTarget,
  85. panelTab:focus > panelTabMenu .menuTarget {
  86.     background: url(chrome://firebug/skin/tabMenuTarget.png) no-repeat center;
  87.     width: 11px;
  88.     height: 10px;
  89.     vertical-align:middle;
  90.     visibility:visible;
  91. }
  92.  
  93. panelTab[selected="true"]:hover > panelTabMenu .menuTarget {
  94.     background: url(chrome://firebug/skin/tabMenuTargetHover.png) no-repeat center;
  95. }
  96.  
  97. /************************************************************************************************/
  98. /* Focus related */
  99.  
  100. /* Make the following selectors part of the tab order */
  101.  
  102. /* current tab */
  103. .useA11y panelTab[selected="true"],
  104. /* Firebug  Menu */
  105. .useA11y #fbFirebugMenu,
  106. /* Status bar icon*/
  107. #fbStatusBar.useA11y {
  108.     -moz-user-focus: normal;
  109. }
  110.  
  111. /* Toolbar buttons in a visible toolbar group (usually hbox) */
  112. .useA11y .innerToolbar  *:not([collapsed="true"]) toolbarbutton,
  113. .useA11y .innerToolbar > toolbarbutton{
  114.    -moz-user-focus: normal;
  115. }
  116.  
  117. /* Now override the previous selector and only leave the first button of each group in the tab order*/
  118. .useA11y .innerToolbar  *:not([collapsed="true"]) toolbarbutton ~ toolbarbutton,
  119. .useA11y .innerToolbar > toolbarbutton ~ toolbarbutton{
  120.    -moz-user-focus: ignore;
  121. }
  122.  
  123. /* remove toolbar groups from the tab order if they have .noTabStop and are NOT the first visible group in the toolbar */
  124. .useA11y .innerToolbar *[collapsed="false"] ~ *.noTabStop toolbarbutton,
  125. .useA11y .innerToolbar *[collapsed="false"] ~ toolbarbutton.noTabStop,
  126. /*fbNetButtonsFilter situation, added extra id for specificity*/
  127. .useA11y .innerToolbar toolbarbutton:not([collapsed="true"]) ~ *.noTabStop toolbarbutton {
  128.     -moz-user-focus: ignore;
  129. }
  130.  
  131. /* Buttons in a group with .hasTabOrder (this class is briefly added during right/left arrow key event handlers in a11y.js.*/
  132. .innerToolbar.hasTabOrder toolbarbutton {
  133.     -moz-user-focus: normal !important;
  134. }
  135.  
  136. .useA11y #fbPanelBar1 toolbarbutton:focus,
  137. .useA11y #fbPanelBar1 textbox[focused],
  138. #fbStatusBar.useA11y:focus,
  139. .useA11y panelTab:focus {
  140.     outline: 2px solid #FF9933;
  141.     outline-offset: -2px;
  142.     -moz-outline-radius: 5px;
  143. }
  144.  
  145. .useA11y panelTab:focus > label {
  146.     text-decoration: underline;
  147.     color: black;
  148. }
  149. /**** end focus related ****/
  150.  
  151. /************************************************************************************************/
  152. /* panelFileList */
  153.  
  154. .toolbarbutton-text.title[value] {
  155.     padding-right: 5px;
  156. }
  157.  
  158. /************************************************************************************************/
  159. /* Quick Info Box */
  160.  
  161. #fbQuickInfoPanel {
  162.     border:1px solid threedshadow;
  163.     background-color:white;
  164.     opacity:0.9;
  165.     font-family: Monaco, monospace;
  166.     font-size: 11px;
  167.     padding-bottom: 5px;
  168.     cursor: move;
  169. }
  170.  
  171. .fbQuickInfoBoxTitle {
  172.     font-family: Lucida Grande, sans-serif;
  173.     font-size: 11px;
  174.     font-weight: bold;
  175.     margin-top: 8px;
  176.     margin-bottom: 0;
  177.     cursor: move;
  178. }
  179.  
  180. .fbQuickInfoName {
  181.     color: DarkGreen;
  182.     margin-bottom: 0;
  183.     -moz-margin-end: 0;
  184.     cursor: move;
  185. }
  186.  
  187. .fbQuickInfoValue {
  188.     color: DarkBlue;
  189.     margin-bottom: 0;
  190.     -moz-margin-start:0;
  191.     cursor: move;
  192. }
  193.  
  194.  
  195. /************************************************************************************************/
  196. /* Don't let Personas to destroy Firebug's CSS */
  197.  
  198. .panelTab-text {
  199.     text-shadow: none !important;
  200. }
  201.  
  202. panelTab[selected="true"] {
  203.     color: black !important;
  204. }
  205.  
  206. .toolbar-text-button, .panelStatusLabel {
  207.     text-shadow: none !important;
  208.     color: black !important;
  209. }
  210.  
  211. /************************************************************************************************/
  212.  
  213. panelTab[breakOnNextArmed="true"] > .panelTab-text {
  214.     text-shadow: 1px 1px 2px darkGray, 0 0 1em orange, 0 0 0.2em orange !important;
  215. }
  216.